<template>
  <div id="no-auth">
    <a-empty>
      <template #image>
        <icon-eye-invisible />
      </template>
      无权限查看,点击<a href="#" @click="goBack">返回</a>
    </a-empty>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();

const goBack = () => {
  router.back();
};
</script>

<style scoped>
#no-auth {
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
</style>
